<template>
  <div class="solutionbg">
    <div class="solution-intro">
      <div class="title-head font-xbs">
        <img src="/assets/imgs/mail.png" style="height: 35px; width: 35px; margin-right: 20px;" />
        <span style="color: #fa7c0a;">领导</span>信箱
      </div>
      <div class="intro-text">
        <p class="paragraph">欢迎访问我们的领导信箱！</p>
        <p class="paragraph">领导信箱是一个开放的平台，为您提供便捷的沟通渠道，使您能够更直接地与政府部门进行互动。通过领导信箱，您可以轻松地向领导提出问题、表达意见、提交建议或寻求帮助。我们致力于建立一个高效的互动机制，使您的声音能够被听到，问题能够被及时解决。在这里，您可以提交信件，表达对政府工作的看法，也可以了解领导的回复和对公众意见的采纳情况。</p>
        <p class="paragraph">我们相信，通过开放透明的沟通，能够更好地促进政府与公众之间的互信，共同推动社会进步。</p>
      </div>
    </div>
  </div>
</template>



<script setup lang="ts">
import { userinfo } from '@/stores/counter'
import { onMounted, ref } from 'vue';
import getPodcastIntros from '@/api/getPodcastIntros'

const user = userinfo()
// const { getIntros } = getPodcastIntros()

// onMounted(() => {
//   if (user.pages.podcast.intro.length == 0) {
//     getIntros()
//   }
// })
</script>

<style scoped>
.solutionbg {
  height: fit-content;
  width: 1000px;
  min-height: 560px;
  margin-top: 80px;
  background-image: url(/assets/imgs/solutionbg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-intro {
  background-color: white;
  box-shadow:
  1.2px 1.3px 2.2px rgba(0, 0, 0, 0.02),
  2.8px 3.2px 5.3px rgba(0, 0, 0, 0.028),
  5.3px 6px 10px rgba(0, 0, 0, 0.035),
  9.4px 10.7px 17.9px rgba(0, 0, 0, 0.042),
  17.5px 20.1px 33.4px rgba(0, 0, 0, 0.05),
  42px 48px 80px rgba(0, 0, 0, 0.07)
;
  /* background-color: white; */
  /* background-color: red; */
  width: 650px;
  min-height: 198px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 120px 40px;
  position: relative;
  top: 25px;
}

.title-head {
  font-size: 40px;
  font-weight: 550;
  display: flex;
  align-items: center;
}

.intro {
  margin-top: 30px;
  color: #6a6363;
  line-height: 33px;
  text-align: left;
  white-space: pre-wrap;
}

.intro-text .paragraph {
  text-indent: 2em; /* 设置首行缩进为两个字符的宽度 */
}
</style>